<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<p:panel style="width:100%">
	<h:panelGrid columns="4" styleClass="alignLeft">

		<h:outputText value="CARTA: " />
		<p:selectOneMenu>
			<f:selectItem itemLabel="POSTRES" />
			<f:selectItem itemLabel="DESAYUNO" />
			<f:selectItem itemLabel="PLATO PRINCIPAL" />
			<f:selectItem itemLabel="BEBIDAS" />
		</p:selectOneMenu>
		<h:outputText value="CATEGORIA: " />
		<p:selectOneMenu>
			<f:selectItem itemLabel="VINOS" />
			<f:selectItem itemLabel="GASEOSAS" />
			<f:selectItem itemLabel="AGUA SABORIZADA" />
			<f:selectItem itemLabel="CERVEZAS" />
		</p:selectOneMenu>
	</h:panelGrid>
	<p:panel style="width:100%">
		<p:accordionPanel>
			<p:tab title="Cervezas">
				<p:dataTable value="#{bbRegistrarCarta.listaBebidas}" var="item">
					<p:column headerText="Descripción" style="width:270px"
						styleClass="textAlignLeft">
						<h:outputText value="#{item.descripcion}" />

						<f:facet name="footer">
							<p:inputText />
						</f:facet>
					</p:column>
					<p:column headerText="Precio" style="width:60px"
						styleClass="textAlignRight">
						<h:outputText value="#{item.precio}" />

						<f:facet name="footer">
							<p:inputText />
						</f:facet>
					</p:column>
					<p:column headerText="Acciones">
						<p:commandButton value="editar" icon="ui-icon-pencil" />
						<p:commandButton value="eliminar" icon="ui-icon-trash" />

						<f:facet name="footer">
							<p:commandButton value="Agregar" icon="ui-icon-plustick" />
						</f:facet>
					</p:column>
				</p:dataTable>
			</p:tab>
			<p:tab title="Gaseosas">
				<h:panelGrid columns="2" cellpadding="10">
				</h:panelGrid>
			</p:tab>
			<p:tab title="Espumantes">
				<h:panelGrid columns="2" cellpadding="10">
				</h:panelGrid>
			</p:tab>
		</p:accordionPanel>
	</p:panel>
	<p:panel>
		<h:panelGrid columns="2" style="margin: 0 auto;">
			<p:commandButton value="Confirmar" style="width:150px" />
			<p:commandButton value="Salir" style="width:150px"
				actionListener="#{bbInicio.cerrarCarta}"
				update=":popupRegistrarCarta" />
		</h:panelGrid>
	</p:panel>
</p:panel>
</html>